* {
    /* 页面初始化 */
    margin: 0;
    padding: 0;
}

/* 内容区 start */
.boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 4% 0;
}

.setting {
    width: 76%;
    height: 120vh;
    position: absolute;
    background-image: url(../../image/zuanshi/setting.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    z-index: 1;
}

.box-1 {
    width: 50%;
    height: auto;
    margin-top: 40%;
    z-index: 10;
}

.Title-1 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.Serial-number {
    width: 2rem;
    height: 1.8rem;
    background-color: #4A3939;
    border-radius: 50px;
    text-align: center;
    line-height: 1.8rem;
    color: #fff;
    font-size: 0.8vw;
}

.h3 {
    width: 100%;
    font-size: 1.2vw;
    font-weight: 600;
    color: #333;
    margin-left: 2%;
}

.p1 {
    font-size: 0.8vw;
    font-weight: 400;
    color: #666;
    margin-left: 6%;
}

.image {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin-top: 3%;
}

.image-1,
.image-2,
.image-3,
.image-4,
.image-5,
.image-6,
.image-7,
.image-8 {
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    flex: 4.75;
}

.vs {
    height: 30vh;
    flex: 0.5;
    text-align: center;
    line-height: 30vh;
    font-size: 1vw;
    color: #333;
    font-weight: 600;
}

.image-1 {
    background-image: url(../../image/zuanshi/Comparison1-1.jpg);
}

.image-2 {
    background-image: url(../../image/zuanshi/Comparison1-2.jpg);
}

.image-3 {
    background-image: url(../../image/zuanshi/Comparison2-1.jpg);
}

.image-4 {
    background-image: url(../../image/zuanshi/Comparison2-2.jpg);
}

.image-5 {
    background-image: url(../../image/zuanshi/Comparison3-1.jpg);
}

.image-6 {
    background-image: url(../../image/zuanshi/Comparison3-2.jpg);
}

.image-7 {
    background-image: url(../../image/zuanshi/Comparison4-1.jpg);
}

.image-8 {
    background-image: url(../../image/zuanshi/Comparison4-2.jpg);
}

.line {
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    margin: 3% 0;
}

.Dividing-line {
    width: 100%;
    height: 2px;
    background-color: #666;
}

.p2 {
    color: #666;
    font-size: 1.2vw;
    font-weight: 400;
    margin-top: 2%;
}

.p3 {
    color: #666;
    font-size: 1vw;
    font-weight: 400;
}

/* 内容区 end */

/* 移动端适配 */
@media (max-width: 768px) {

    /* 内容区调整 */
    .boxes {
        margin: 20% 0 10% 0;
    }

    .setting {
        width: 100%;
        height: 70vh;
    }

    .box-1 {
        width: 90%;
        margin-top: 78%;
    }

    .Title-1 {
        align-items: flex-start;
        margin-bottom: 5px;
    }

    .Serial-number {
        width: 2rem;
        height: 1.8rem;
        line-height: 1.8rem;
        font-size: 1rem;
    }

    .h3 {
        font-size: 1.2rem;
        margin-left: 3%;
        line-height: 1.5;
    }

    .p1 {
        font-size: 0.8rem;
        margin-left: 9%;
        margin-top: 2%;
    }

    .image {
        flex-direction: column;
        gap: 10px;
        margin-top: 5%;
    }

    .image-1,
    .image-2,
    .image-3,
    .image-4,
    .image-5,
    .image-6,
    .image-7,
    .image-8 {
        height: 30vh;
        width: 100%;
        flex: none;
    }

    .vs {
        height: 5vh;
        line-height: 5vh;
        font-size: 1rem;
        flex: none;
    }

    .line {
        margin: 8% 0;
    }

    .p2 {
        font-size: 1rem;
        margin-top: 5%;
    }

    .p3 {
        font-size: 0.8rem;
        margin-top: 2%;
    }
}

/* 移动端适配 end */